// Note: mux lets you specify a 'placeholder' image
// Use https://blurup.vercel.app/
// to generate one for new videos

import type { MuxPlayerProps } from '@mux/mux-player-react';

export const goingOffline: MuxPlayerProps = {
  streamType: 'on-demand',
  playbackId: 'l1UOG6KX5f4tC402kuIyUzOS3esKZ8rQj4xhEdl02CMv00',
  primaryColor: '#FFFFFF',
  secondaryColor: '#000000',
  placeholder: `data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="20"/><feComponentTransfer><feFuncA type="discrete" tableValues="1 1"/></feComponentTransfer></filter><g filter="url(%23b)"><image width="100%" height="100%" preserveAspectRatio="xMidYMid slice" href=""/></g></svg>`,
  style: { aspectRatio: '16/9' },
};

export const instldraw: MuxPlayerProps = {
  streamType: 'on-demand',
  playbackId: 'BF2GiQnQz6XXhJ3Wjee95sByIaHI2Y00x2ESFjVEzAk00',
  primaryColor: '#FFFFFF',
  secondaryColor: '#000000',
  placeholder: `data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="20"/><feComponentTransfer><feFuncA type="discrete" tableValues="1 1"/></feComponentTransfer></filter><g filter="url(%23b)"><image width="100%" height="100%" preserveAspectRatio="xMidYMid slice" href=""/></g></svg>`,
  style: { aspectRatio: '16/9' },
};

export const walkthrough: MuxPlayerProps = {
  streamType: 'on-demand',
  playbackId: 'mU6GjiVdRulYNsb34hGu9dfvghjQibq6pWoOzCmpYiM',
  primaryColor: '#FFFFFF',
  secondaryColor: '#000000',
  placeholder: `data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="20"/><feComponentTransfer><feFuncA type="discrete" tableValues="1 1"/></feComponentTransfer></filter><g filter="url(%23b)"><image width="100%" height="100%" preserveAspectRatio="xMidYMid slice" href=""/></g></svg>`,
  style: { aspectRatio: '209/135' },
  thumbnailTime: 242,
};

export const createInstantApp: MuxPlayerProps = {
  streamType: 'on-demand',
  playbackId: 'MCcq6QBw6OzNSrt02YpfAH2QP8y0000xapuoaP01IJy02xN4',
  primaryColor: '#FFFFFF',
  secondaryColor: '#000000',
  placeholder: `data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="20"/><feComponentTransfer><feFuncA type="discrete" tableValues="1 1"/></feComponentTransfer></filter><g filter="url(%23b)"><image width="100%" height="100%" preserveAspectRatio="xMidYMid slice" href=""/></g></svg>`,
  style: { aspectRatio: '16/9' },
  thumbnailTime: 0,
};
